<!DOCTYPE html>
<html lang="en-US">

<head th:include="front/include :: front_header"></head>

<body>
<header class="peulis-header-area" th:fragment="topbar">
    <!-- Header Top Area Start -->
    <div class="header-top-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-sm-6">
                    <div class="header-top-left">
                        <p>
                            <i class="fa fa-envelope"></i>
                            info@example.com
                        </p>
                        <p>
                            <i class="fa fa-phone"></i>
                            1 562 867 5309
                        </p>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-6">
                    <div class="header-top-right">
                        <div class="header-top-auth">
                            <ul>
                                <li>
                                    <div class="dropdown">
                                        <i class="fa fa-user" id="user-dropdown" data-toggle="dropdown" style="cursor:pointer"></i>
                                        <ul th:if="${session.member}" class="dropdown-menu" aria-labelledby="dropdownMenu1" style="margin-top: 9px;padding:8px 0 0 0">
                                            <li style="width: 100%;border-bottom: 1px solid #bbbbbb"> <a href="/front/message"><i class="fa fa-clone"></i>个人中心</a></li>
                                            <li style="float: left"> <a href="/front/info"><i class="fa fa-clone"></i>文件中心</a></li>
                                            <li style="width: 100%;border-bottom: 1px solid #bbbbbb"><a href="/front/upload" style="margin-bottom: 15px"><i class="fa fa-pencil-square-o"></i>投稿中心</a></li>
                                            <li style="width: 100%"><a href="/sign/logout"><i class="fa fa-sign-in"></i>退出登录</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li th:if="${session.member}">
                                    <span style="color: #fff; margin: 0px; cursor:pointer" th:text="${session.member.username}"></span>
                                </li>
                                <li th:if="${session.member} == null">
                                    <a href="sign.html" th:href="@{/sign/login}" style="color: #fff;margin: 0px">登录用户</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Header Top Area End -->

    <!-- Main Header Area Start -->
    <div class="main-header-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="header_inn">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="site-logo">
                                    <a href="#">
                                        <img src="../../static/front/img/logo.png" alt="Peulis" th:src="@{/front/img/logo.png}"/>
                                    </a>
                                </div>
                                <!-- Responsive Menu Start -->
                                <div class="peulis-responsive-menu"></div>
                                <!-- Responsive Menu End -->
                            </div>
                            <div class="col-lg-7">
                                <div class="mainmenu">
                                    <nav>
                                        <ul id="navigation_menu">
                                            <li class="active"><a href="/front/index">首页</a></li>
                                            <li th:each="channel : ${channels}">
                                                <a href="#" th:href="@{'/front/info/' + ${channel.id}}" th:text="${channel.text}">视频</a>
<!--                                                <ul th:if="${#lists.size(channel.children)}">-->
<!--                                                    <li th:each="cchannel : ${channel.children}">-->
<!--                                                        <a href="about.html" th:href="@{'/front/index/'+${cchannel.id}}" th:text="${cchannel.text}">mp4</a>-->
<!--                                                    </li>-->
<!--                                                </ul>-->
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="header_action">
                                    <ul>
                                        <li class="header-search">
                                            <a href="#" class="search-btn">
                                                <i class="fa fa-search"></i>
                                            </a>
                                            <div class="search-box search-elem">
                                                <span class="search-close"></span>
                                                <div class="inner row">
                                                    <form action="/front/search" method="post">
                                                        <input type="search" name="fileName" placeholder="请输入你要搜索的内容...">
                                                        <button type="submit"><i class="fa fa-search"></i></button>
                                                    </form>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Main Header Area End -->
</header>

<div th:include="front/include :: front_footer"></div>
</body>
</html>